Checkboxes: Design Guidelines 核取方塊

核取方塊是一種允許使用者從列表中選擇一個、多個或不選擇任何專案的UI元素。它們可以獨立使用，也可以用於列表或巢狀列表中。核取方塊在設計表單時非常實用，適合需要靈活選擇的場景。

1. 什麼是核取方塊？

核取方塊是一種UI元素，允許使用者選擇兩種狀態：已選和未選。在巢狀核取方塊列表中，核取方塊還可以顯示“未完全選中”狀態，表示部分子項被選中。

2. 核取方塊列表、獨立核取方塊與巢狀核取方塊

Standalone Checkbox獨立核取方塊:單獨使用，不依賴於其他核取方塊。常用於需要使用者確認的重要選項，如同意條款或選擇營銷郵件。

Checkbox List核取方塊列表:最常見的核取方塊應用形式，允許使用者從列表中獨立選擇任意數量的專案。適用於使用者可以選擇列表中的一項、幾項或全部的場景，如點餐應用的配料選擇。

巢狀核取方塊列表:包含父核取方塊和一組子核取方塊。選擇父核取方塊可以自動選擇或取消選擇所有子核取方塊。當部分子核取方塊被選中時，父核取方塊顯示“未完全選中”狀態。常用於需要使用者選擇一組專案的場景，如航班辦理登機手續時選擇乘客。

例如，在航空值機時，應用可能要求"選擇辦理登機的乘客"。父核取方塊為"所有乘客"，每位乘客有一個子核取方塊。這種結構便於一人為整個團隊辦理登機，提升體驗。

3. 核取方塊與其他輸入欄位的比較

4. 核取方塊的可用性指南

使用標準視覺規範:使用者期望核取方塊為方形（帶或不帶圓角），並帶有勾選標記。避免使用圓形核取方塊，以免與單選按鈕混淆。

使標籤可點選:增加核取方塊周圍的點選範圍，使標籤也可以點選，以確保足夠的觸控目標大小（至少1cm x 1cm）。

使用積極的標籤措辭:避免雙重否定，以減少理解錯誤。例如，將“請勿傳送營銷更新”替換為“傳送營銷更新”。

核取方塊列表和巢狀核取方塊的指南

邏輯順序排列專案：將選項按邏輯順序排列，便於掃描和理解。

提示選擇所有適用項：對於可能多項選擇的場景，建議使用“選擇所有適用項”的說明。

清楚說明選擇要求：如有最少或最多選擇數量的要求，請在說明中清楚標出，並在使用者滿足或違反要求時提供實時反饋。

豎直排列列表項：為了提高可讀性，核取方塊列表應豎直排列。

獨立核取方塊的指南

預設未選中狀態：在呈現促銷或法律相關的核取方塊時，預設狀態應為未選中，避免欺騙性設計。

確保狀態清晰：確保選中和未選中狀態直觀明確。若不夠清晰，建議使用其他UI元素（如單選按鈕或下拉選單）。